<!doctype html>
<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">

	<title>jQuery Tag-it!</title> 

    <!-- If you're reading the source, see the Examples page for cleaner stuff to learn from. -->
    <link rel="stylesheet" type="text/css" href="http://ajax.googleapis.com/ajax/libs/jqueryui/1/themes/flick/jquery-ui.css">

	<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.5.2/jquery.min.js" type="text/javascript" charset="utf-8"></script>
    <script src="https://ajax.googleapis.com/ajax/libs/jqueryui/1.8.12/jquery-ui.min.js" type="text/javascript" charset="utf-8"></script>
	<link href="http://aehlke.github.com/tag-it/css/jquery.tagit.css" rel="stylesheet" type="text/css">

	<script src="http://aehlke.github.com/tag-it/js/tag-it.js" type="text/javascript" charset="utf-8"></script>

	<script>
	    $(function(){
           var sampleTags = ['c++', 'java', 'php', 'coldfusion', 'javascript', 'asp', 'ruby', 'python', 'c', 'scala', 'groovy', 'haskell', 'perl', 'erlang', 'apl', 'cobol', 'go', 'lua'];
		    $("#mySingleFieldTags").tagit({
			    availableTags: sampleTags
		    });
            
	    });
	</script>

</head>
<body>

<div id="wrapper"> 
	
	<div id="content">
    

    <h2>Demo</h2>
   	<form>
        <label>Tags:</label>
        <input name="tags" id="mySingleFieldTags" value="">
	</form>
    

	</div> 
 
</div> 
</body> 
</html>

